<template>
  <view class="page bg-white">
    <view class="main">
      <u-text color="#333" size="32rpx" text="修改毕业院校" bold></u-text>
      <view class="entryDate-box">
        <u-input fontSize="32rpx" v-model="formData.school" placeholder="请输入毕业院校"></u-input>
      </view>
      <u-text margin="20rpx 0 0 0" color="#333" size="32rpx" text="修改专业" bold></u-text>
      <view class="entryDate-box">
        <u-input fontSize="32rpx" v-model="formData.profession" placeholder="请填写就读专业名称"></u-input>
      </view>
      <u-text margin="20rpx 0 0 0" color="#333" size="32rpx" text="上传教学资格证" bold></u-text>
      <UploadBox v-model="formData.teacherCertificate" placeholder="点击上传图片" />
    </view>
    <view class="footer" :style="{ boxShadow: '0rpx -4rpx 36rpx 0rpx ' + themeTertiary }">
      <u-button shape="circle" size="large" :color="themePrimary" text="保存"></u-button>
    </view>
  </view>
</template>
<script setup>
import { ref } from 'vue'
import { useTheme } from '@/composables/useTheme';
import UploadBox from '@/components/UploadBox/index.vue';

const { themePrimary, themeSecondary, themeTertiary } = useTheme();

const formData = ref({
  school: '',
  profession: '',
  teacherCertificate: ''
})

</script>
<style scoped lang="scss">
.entryDate-box {
  background: #F7F7F7;
  padding: 30rpx;
  margin-top: 20rpx;
}

.camera-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 54rpx;
  height: 54rpx;
}
</style>